<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Ornate</title>
<link rel="stylesheet" type="text/css" media="all" href="css/reset.css" />
<link rel="stylesheet" type="text/css" media="all" href="css/layout.css" />
<link rel="stylesheet" type="text/css" media="all" href="css/style.css" />

<script type="text/javascript" src="js/jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>

<!-- Start: Superfish scripts -->
<link rel="stylesheet" type="text/css" href="css/superfish.css" media="screen" />
<script type="text/javascript" src="js/hoverIntent.js"></script>
<script type="text/javascript" src="js/superfish.js"></script>
<script type="text/javascript">
	// initialise plugins
	jQuery(function(){
	jQuery('ul.sf-menu').superfish();
	});
</script>
<!-- end: Superfish scripts -->
		
<!-- start: prettyphoto jquery -->	
		<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" />
		<script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
				<script type="text/javascript" charset="utf-8">
		$(document).ready(function(){
			$(".gallery a[rel^='prettyPhoto']").prettyPhoto({theme:'facebook'});
		});
		</script>
<!-- start: prettyphoto jquery -->	
			
<!-- start: switchjquery -->		
<link rel="stylesheet" type="text/css" href="css/switch.css" media="screen" />
<script type="text/javascript">
$(document).ready(function(){

	$("a.switch_thumb").toggle(function(){
		$(this).addClass("port");
		$("ul.display").fadeOut("fast", function() {
			$(this).fadeIn("fast").addClass("thumb_view");
		});
	}, function () {
		$(this).removeClass("port");
		$("ul.display").fadeOut("fast", function() {
			$(this).fadeIn("fast").removeClass("thumb_view");
		});
	}); 

});
</script>
<!-- end: switchjquery -->	

<!--[if gt IE 5.5]>
        <script type="text/javascript" src="unitpngfix.js"></script>
<![endif]-->

</head>
<body>
<!-- start: Wrapper -->
<div id="Wrapper">

<!-- start: header -->
<div id="header">
	<div class="container_12">
		<div class="grid_4">
				<!-- start: logo -->
				<div class="logo">
				<a href="#">Logo</a>
				</div>
				<!-- end: logo -->
		</div>
		<!-- start: menu -->	
      	<div class="grid_8">
			<div id="menu">
					<!-- start: sf-menu -->
					<ul class="sf-menu">
						<li><a href="index.html">Home</a></li>
						<li><a href="aboutus.html">aboutus</a></li>
						<li><a href="services.html">services</a>
							<ul>
								<li> <a href="#">Web Designing</a></li>
								<li><a href="#">Banner Designing</a>
									<ul>
										<li><a href="#">Logo Designing</a></li>
										<li><a href="#">SEO Marketing</a></li>
									</ul>
								</li>
								<li><a href="#">Coding Forums</a></li>		
							</ul>
						</li>	
						<li class="current"> <a href="portfolio.html">portfolio</a></li>
						<li> <a href="blog.html">Blog</a> </li>
						<li> <a href="contactus.html">contact Us</a> </li>
					</ul>
					<!-- end: sf-menu -->
			</div> 	
			<!-- end: menu -->			
      	</div>
	</div>
</div>
<!-- end: header -->

<div class="clear">&nbsp;</div>

<!-- start: subheader --> 
<div id="subheader">
	<div class="container_12"> 
		<div class="grid_4">
			<h2>Portfolio </h2>
		</div>
		<div class="grid_8">
		 	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
		</div>
	</div>		  
</div>
<!-- end: subheader -->	  

<!-- start: middlecontent -->
<div class="midcontent">
	<div class="container_12">
		<div class="grid_12">
			<!--start:left column grid -->
			<div class="content">
				<div class="switch alignright"><a href="#" class="switch_thumb swap">Switch Thumb</a></div>

            		<h2>Websites Portfolio </h2>
					<div class="container">
						<ul class="display gallery clearfix thumb_view">

							<li>
							<div class="content_block">
								<div class="pic">
								<a href="images/prev1.jpg"  rel="prettyPhoto[gallery1]" class="inkClass linkFader" title="Single image">
								<img src="images/screen1.gif" alt="web1" /></a>
								</div>
							<h4><a href="#">Lorem ipsum dolor sitamet</a></h4>
							<p>Lorem ipsum dolor sit amet, consectetur Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin mattis aliquet semper. Nulla accumsan pharetra tellus in iaculis. Etiam nec nibh lacus. Suspendisse volutpat, ligula dapibus tincidunt facilisis, adipiscing elit. Integer nec felis tellus. Suspendisse quis sodales sem. In ac condimentum.<br />
							</p>
							<p><a href="#" class="read">read more</a></p>
							</div>
							</li>

							<li>
							<div class="content_block">
								<div class="pic">
								<a href="images/prev1.jpg"  rel="prettyPhoto[gallery1]" class="inkClass linkFader" title="Single image">
								<img src="images/screen2.gif" alt="web1" /></a>
								</div>
							<h4><a href="#">Consectetur adipiscing elit.</a></h4>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque quam massa, eleifend sagittis pulvinar vel, tincidunt et dui. Etiam dignissim euismod augue ac pellentesque. Quisque sit amet libero velit, in tempus magna. Integer nec felis tellus.  dui sem lobortis elit, Suspendisse quis sodales sem. In ac condimentum.<br />
							</p>
							<p><a href="#" class="read">read more</a></p>
							</div>
							</li>

							<li>
							<div class="content_block">
								<div class="pic">
								<a href="images/prev1.jpg"  rel="prettyPhoto[gallery1]" class="inkClass linkFader" title="Single image">
								<img src="images/screen3.gif" alt="web1" /></a>
								</div>
							<h4><a href="#">Donec eu urna tellus.</a></h4>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. dapibus commodo enim risus sit amet libero. Nulla enim nisl, tristique ac tincidunt tristique, bibendum a ante. Phasellus egestas nisi in magna mollis lacinia sollicitudin arcu scelerisque. Integer nec felis tellus. Suspendisse quis sodales sem. In ac condimentum.<br />
							</p>
							<p><a href="#" class="read">read more</a></p>
							</div>
							</li>
							
							<li>
							<div class="content_block">
								<div class="pic">
								<a href="images/prev1.jpg"  rel="prettyPhoto[gallery1]" class="inkClass linkFader" title="Single image">
								<img src="images/screen4.gif" alt="web1" /></a>
								</div>
							<h4><a href="#">Sed nec scelerisque dui. </a></h4>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eu enim vel erat sodales fermentum. Nulla a mauris odio. Praesent non massa neque, blandit porttitor mi. Donec vel leo ut mi viverra dignissim non et odio. Integer nec felis tellus. Suspendisse quis sodales sem. In ac condimentum.<br />
							</p>
							<p><a href="#" class="read">read more</a></p>
							</div>
							</li>
							
							<li>
							<div class="content_block">
								<div class="pic">
								<a href="images/prev1.jpg"  rel="prettyPhoto[gallery1]" class="inkClass linkFader" title="Single image">
								<img src="images/screen5.gif" alt="web1" /></a>
								</div>
							<h4><a href="#">Phasellus venenatis ipsum </a></h4>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec felis tellus. Suspendisse quis sodales sem. In ac condimentum.<br />
							</p>
							<p><a href="#" class="read">read more</a></p>
							</div>
							</li>
							
							<li>
							<div class="content_block">
								<div class="pic">
								<a href="images/prev1.jpg"  rel="prettyPhoto[gallery1]" class="inkClass linkFader" title="Single image">
								<img src="images/screen6.gif" alt="web1" /></a>
								</div>
							<h4><a href="#">Nibhfaucib elementum</a></h4>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec felis tellus. Suspendisse quis sodales sem. In ac condimentum.<br />
							</p>
							<p><a href="#" class="read">read more</a></p>
							</div>
							</li>
							
							<li>
							<div class="content_block">
								<div class="pic">
								<a href="images/prev1.jpg"  rel="prettyPhoto[gallery1]" class="inkClass linkFader" title="Single image">
								<img src="images/screen7.gif" alt="web1" /></a>
								</div>
							<h4><a href="#">Pellentesque quam massa</a></h4>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec felis tellus. Suspendisse quis sodales sem. In ac condimentum.<br />
							</p>
							<p><a href="#" class="read">read more</a></p>
							</div>
							</li>
							
							<li>
							<div class="content_block">
								<div class="pic">
								<a href="images/prev1.jpg"  rel="prettyPhoto[gallery1]" class="inkClass linkFader" title="Single image">
								<img src="images/screen8.gif" alt="web1" /></a>
								</div>
							<h4><a href="#">Eleifend sagittis pulvinar vel</a></h4>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec felis tellus. Suspendisse quis sodales sem. In ac condimentum.<br />
							</p>
							<p><a href="#" class="read">read more</a></p>
							</div>
							</li>
							
							<li>
							<div class="content_block">
								<div class="pic">
								<a href="images/prev1.jpg"  rel="prettyPhoto[gallery1]" class="inkClass linkFader" title="Single image">
								<img src="images/screen9.gif" alt="web1" /></a>
								</div>
							<h4><a href="#">Tincidunt et dui Etiam </a></h4>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec felis tellus. Suspendisse quis sodales sem. In ac condimentum.<br />
							</p>
							<p><a href="#" class="read">read more</a></p>
							</div>
							</li>
						</ul>
						<!--end:thump view display -->
					</div>
			</div>
		</div>
	</div>
</div>
<!-- end: middlecontent -->

<div class="clear"> &nbsp; </div>

<!--start #footer -->
<div id="footer">
	<div class="container_12">
	
		<!-- Start: footerlist -->
		<div class="grid_3">
        	<h4>Back Links</h4>
        		<ul>
					<li><a href="#">Home page</a></li>
				  	<li><a href="#">Furniture Gallery</a></li>
				  	<li><a href="#">News Letters </a></li>
				  	<li><a href="#">Privacy Policies </a></li>
				  	<li><a href="#">Terms and Conditions</a></li>
				</ul>
		</div>
		<!-- end: footerlist -->
		
		<!-- Start: Categories --> 
      		<div class="grid_3">
				<h4>Categories</h4>
					<!-- start: subnav -->
					<ul>
						<li class="current"><a href="#">Sub Categories</a> </li>
						<li><a href="#">Ornate Reviews</a> </li>
						<li><a href="#">Ornate Blog </a> </li>
						<li><a href="#">Support Team</a> </li>
						<li><a href="#">FAQ's</a> </li>
					</ul>
					<!-- end: Categories -->
					</div>

		<!-- Start: Archives -->
     	 <div class="grid_3">
			<!-- Start : Sub Menu -->
				<h4>Archives</h4>
					<ul>
						<li class="current"><a href="#">January 2010</a> </li>
					  	<li><a href="#">December 2009</a> </li>
					    <li><a href="#">November 2009</a> </li>
					    <li><a href="#">October 2009</a> </li>
					    <li><a href="#">September 2009</a> </li>
					 </ul>
				<!-- End : Sub Menu -->
				</div>
		<!-- Start: Get in Touch -->
		<div class="grid_3">
	        <h4>Get in Touch!</h4>
        	<p>we will be more than happy to assist you if you have any questions regarding anything about this template. Lorem ipsum vitae ultricies tempor sit amet ante. </p>
        	<p> <strong>Mobile</strong> : +91-0123456789<br />
         	<strong>E-Mail</strong> : yourname@domain.com </p>
		</div>
		<!-- end: Get in Touch -->
			</div>
			
</div>
<!--end: #footer -->

<div class="clear"></div>

<!-- start: copyright -->	
<div class="copyright">
	<div class="container_12">
		<p class="floatright">Designed and developed by system32</p>
		<p class="floatleft">&copy; Copyright 2010 yourdomain.com All rights reserved &nbsp;<a href="#">www.domainname.com</a></p>
	</div>
</div>
<!-- end: copyright -->  

<!--End: Wrapper-->
</div>
</body>
</html>
